<template>
  <div>
    <input type="text" v-model="myValue" name="" id="" />
  </div>
</template>

<script>
export default {
  props: ['value'],
  data() {
    return {
      myValue: '',
    }
  },
  watch: {
    myValue(v) {
      // console.log(v, 'v')
      // this.value = this.myValue
      this.$emit('myInput', v)
    },
  },
  created() {
    console.log(this.value, 'value---------')
  },
}
</script>

<style></style>
